<!-- head.html start -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="http://www.gome.com.cn/ec/homeus/favicon.ico">
    <title>国美TRP</title>
    <script src="/static/common/semi/seajs/seajs/2.2.1/sea.js" id="seajsnode"></script>
    <script src="/static/common/semi/config.js"></script>
    <script href="/static/common/bootstrap/js/bootstrap.min.js"></script>
    <link href="/static/common/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/trp/css/home.css" rel="stylesheet">
</head>

<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><img src="/static/trp/images/logo.jpg" width="170" height="60"></a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a class="btn-user" href="#">libolong@semidata.com</a></li>
                    <li>|</li>
                    <li><a class="btn-logout" href="login.html" title="退出">退出</a></li>
                </ul>
            </div>
        </div>
    </div>
<!-- head.html end -->

<!-- left.html start -->
    <div class="container-fluid">
        <div class="row">
            <div class="sidebar">
                <ul class="nav nav-sidebar">
                    <li><a href="index.html"><i class="icon1"></i>首页</a></li>
                    <li class="active"><a href="resources.html"><i class="icon2"></i>媒体资源</a></li>
                    <li><a href="strategy.html"><i class="icon3"></i>投资策略</a></li>
                    <li><a href="material.html"><i class="icon4"></i>素材库</a></li>
                    <li><a href="manage.html"><i class="icon5"></i>充值管理</a></li>
                </ul>
            </div>
            <div class="main">
<!-- left.html end -->

<!-- main.html start -->
				<!-- 流量采购&管理者 start -->
                <div class="pageheader txtr">
                    <div class="daterangebox" style="margin-right:40px;">
                        <input type="text" name="reservation" class="daterangebox-ipt" value="2014-01-04 至 2014-06-11" readonly />
                        <a class="daterangebox-btn" href="javascript:;">日期</a>
                    </div>
                    <div class="searchbox">
                        <label>搜索<input id="term" class="searchbox-ipt" placeholder="媒体、网站、广告位名称、属性、地域" type="text"></label>
                        <a class="searchbox-btn" href="javascript:;"></a>
                    </div>
                </div>
                <table id="mediaResources" class="grid" width="100%">
                    <thead>
                        <tr>
                            <th sort="depart">广告位名称</th>
                            <th>广告位尺寸</th>
                            <th>所属媒体</th>
                            <th>媒体属性</th>
                            <th>购买周期</th>
                            <th>购买方式</th>
                            <th>购买价格</th>
                            <th>预估PV</th>
                            <th>预估点击量</th>
                            <th>分配给</th>
                            <th>底价</th>
                            <th style="width:150px;">操作</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
                <div class="pop-position" style="display:none;">
					<form class="form-horizontal" role="form">
						<div class="form-group">
							<label class="col-sm-3 control-label">广告位ID</label>
							<div class="col-sm-9">
								<p class="form-control-static">001</p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">广告位名称</label>
							<div class="col-sm-9">
								<p class="form-control-static">电影频道首页顶通</p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">广告位属性</label>
							<div class="col-sm-9">
								<p class="form-control-static">视频网站banner</p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">素材类型</label>
							<div class="col-sm-9">
								<p class="form-control-static">JPG/PNG/GIF</p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">大小限制</label>
							<div class="col-sm-9">
								<p class="form-control-static">150k</p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">购买周期</label>
							<div class="col-sm-9">
								<div class="daterangebox">
			                        <input type="text" name="reservation" class="daterangebox-ipt" value="2014-01-04 至 2014-06-11" readonly />
			                        <a class="daterangebox-btn" href="javascript:;">日期</a>
			                    </div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">购买方式</label>
							<div class="col-sm-9">
								<p class="form-control-static">CPM</p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">购买价格</label>
							<div class="col-sm-9">
								<p class="form-control-static">1元/CPM</p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">预估日千次曝光量</label>
							<div class="col-sm-9">
								<p class="form-control-static">--</p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">预估每日点击数</label>
							<div class="col-sm-9">
								<p class="form-control-static">--</p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">是否平台独占</label>
							<div class="col-sm-9">
								<p class="form-control-static">--</p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">售卖方式</label>
							<div class="col-sm-9">
								<p class="form-control-static">--</p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">售卖价格</label>
							<div class="col-sm-9">
								<p class="form-control-static">--</p>
							</div>
						</div>
					</form>
                </div>
                <!-- 流量采购&管理者 end -->
                
                <!-- 平台流量使用者 start -->
                <div class="pageheader txtr">
                    <div class="daterangebox" style="margin-right:40px;">
                        <input type="text" name="reservation" class="daterangebox-ipt" value="2014-01-04 至 2014-06-11" readonly />
                        <a class="daterangebox-btn" href="javascript:;">日期</a>
                    </div>
                    <div class="searchbox">
                        <label>搜索<input id="term" class="searchbox-ipt" placeholder="媒体、网站、广告位名称、属性、地域" type="text"></label>
                        <a class="searchbox-btn" href="javascript:;"></a>
                    </div>
                </div>
                <table id="mediaResources2" class="grid" width="100%">
                    <thead>
                        <tr>
                            <th>广告位</th>
                            <th>广告位属性</th>
                            <th>媒体</th>
                            <th>媒体属性</th>
                            <th>日期</th>
                            <th>预估日CPM数</th>
                            <th>预估日CPC数</th>
                            <th>低价</th>
                            <th style="width:250px;">操作</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
                <!-- 平台流量使用者 end -->
                
                <!-- 商铺&供应商流量使用者 start -->
                
                <!-- 商铺&供应商流量使用者 end -->
                <script>seajs.use('trp/js/demo');</script>
<!-- main.html end -->

<!-- footer.html start -->
            </div>
        </div>
    </div>
</body>
</html>
<!-- footer.html end -->